<template>
	<view :id="templateId" class="container container_integralOrderList">
		<!-- 列表数据为空时的提示 -->
		<empty
			v-if="!orderData.length"
			:src="baseTemplateFileUri + '/image/emptyStatus/common.png'"
		></empty>
		<!-- 订单数据 -->
		<view
			v-else
			class="order-list"
			>
			<!--  -->
			<view 
				v-for="(item,index) in orderData"
				:key="index"
				class="zz-area">
				<!-- 时间---订单状态 -->
				<view class="zz-flex zz-jc-sb zz-p_0_22">
					<view class="fs28 lh40 color333">2020-05-06</view>
					<view 
						:style="themeStyles.textMainColor"
						class="fs28 lh40">待付款</view>
				</view>
				<!-- 商品信息 -->
				<uni-goods-col>
					<view slot="metaLeft">
						<view 
							class="fs28 lh40"
							:style="themeStyles.textMainColor">200积分</view>
					</view>
					<view slot="metaRight">
						<view 
							:style="themeStyles.btnAuxiliaryColor"
							class="zz-btn zz-btn_normal">立即付款</view>
					</view>
				</uni-goods-col>
			</view>
			<!-- 页面列表底部的有无数据提示 -->
			<uni-load-more :status="loadingType"></uni-load-more>
		</view>
	</view>
</template>

<script>
/** components begin */
import uniLoadMore from "@/components/uniLoadMore/uniLoadMore";
import uniGoodsCol from "@/components/goods/uniGoodsCol";
//import trickTitle from "@/components/trickTitle/trickTitle";
import empty from "@/components/empty";
/** components end */
export default {
	components: {
		uniLoadMore,
		uniGoodsCol,
		empty
	},

	data() {
		return {
			orderData:[
				{}
			]  //订单数据
		};
	},
	created(){
		
	},
	onLoad() {
		setTimeout(() => {
			uni.setNavigationBarColor({
				frontColor: "#ffffff",
				backgroundColor: this.themeStyles.mainColor
			});
		}, 0);
	},

	methods: {}
};
</script>

<style lang="scss" scoped>
/* 积分模块的样式 --begin */
@import "../styles/common.scss";
/* 积分模块的样式 --end */
.container_integralOrderList {
	padding:24rpx 24rpx 100rpx;
	/*  */
	.zz-area {
		padding:24rpx 0rpx 0rpx;
	}
}
</style>